import React, { Component } from 'react';
import {
    View,
    Text,
    TouchableOpacity,
} from 'react-native';


import { MapView } from 'rn-ai-baidu-map'
import Map_c from './map';
import Icon from 'react-native-vector-icons/Ionicons';
import { public_Style as styles } from '../../../../../styles';
var Dimensions = require('Dimensions');
var width = Dimensions.get('window').width;
var height = Dimensions.get('window').height;

export default class Map_all extends Component {
    render() {
        return (
            <View style={{ backgroundColor: "#ffffff", flex: 1 }}>

                <MapView
                    zoom={14}
                    onMapClick={(e) => {
                    }
                    }
                    style={[styles.map_self, { height: height * 0.6 }]} />

                <TouchableOpacity activeOpacity={1} style={[styles.map_butt,{marginTop:height*0.51}]}
                    onPress={() => { }}>
                    <Icon
                        name={'md-locate'}
                        size={25}
                        color={'#fc6866'} />
                </TouchableOpacity>


                <View style={styles.map_all}>
                    <TouchableOpacity activeOpacity={1} style={styles.map_click}
                        onPress={() => { }}>
                        <Icon
                            name={'md-pin'}
                            size={25}
                            color={'#3d9ccc'} />
                        <Text style={styles.map_addnow}>点击定位当前地址</Text>
                    </TouchableOpacity>
                </View>
                <Map_c data={['1', '2']} />
            </View>
        )
    }
}
